@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
		Microsoft YaHei, Arial, sans-serif;
}

label {
	font-weight: 700;
}

html {
	height: 100%;
	box-sizing: border-box;
}

#app {
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

a:focus,
a:active {
	outline: none;
}

a,
a:focus,
a:hover {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

div:focus {
	outline: none;
}

.clearfix {
	&:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: ' ';
		clear: both;
		height: 0;
	}
}

// main-container global css
.app-container {
	padding: 20px;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clearfix {
	clear: both;
}
.tr {
	text-align: right !important;
}
.table-bg {
	position: relative;
  margin:10px 0 0;
}
.content-bg {
	background-color: #fff;
	padding: 15px 20px 20px;
	margin: 0 0 20px;
	position: relative;
}
.table-bg .el-table th {
	color: #646464;
	background-color: #fafafa;
}
.form-bg {
	background-color: #fff;
	padding: 30px;
}
.filter-bar {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 16px;
}
.filter-bar .el-form--inline .el-form-item {
	margin-bottom: 0;
}
.el-pagination {
	margin-top: 10px;
	text-align: right;
}
.el-dialog__header {
	padding: 15px 20px 10px !important;
	border-bottom: 1px solid #e9ecef;
  background-color: #fafafa;
}
.el-popover__title {
	border-bottom: 1px solid #e9ecef;
	padding: 0 0 10px;
	font-weight: bold;
}
.el-card__header {
	padding: 14px 20px !important;
}
#app .page-nav .el-menu a {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
}
#app .page-nav.hide .el-submenu__title span {
	height: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
	display: inline-block;
}
#app .page-nav.hide .el-submenu__icon-arrow {
	display: none;
}
#app .page-nav .svg-icon {
	margin-right: 16px;
}
#app .page-nav .el-menu-item {
	color: #bfcbd9 !important;
}
#app .page-nav i.fa,
.el-menu--popup i.fa {
	color: #bfcbd9 !important;
	margin-right: 5px;
}
#app .page-nav .el-submenu .el-menu-item {
	background-color: #1f2d3d !important;
}
#app .page-nav .el-submenu .el-menu-item.is-active,
#app .page-nav .el-submenu .el-menu-item:hover {
	background-color: #001528 !important;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner {
	color: #97a8be !important;
}

.page-box{
  padding:20px;
  box-sizing: border-box;
  background-color: #fff;
}
.el-dialog__body{
  padding-bottom: 0px;
}
.info-form .el-form-item{
  margin-bottom:18px;
}
.el-table__empty-text{
  padding: 50px 0;
  background-image: url('~@/assets/img/iconNoting.png');
  background-repeat: no-repeat;
  font-size: 0;
  background-position: center center;
}
.el-table--border, .el-table--group{
  border-bottom: none!important;
}